﻿body{font-family:"微软雅黑";margin:0;padding:0;}
@media screen and (min-width:640px){body{font-size:36px}
}
@media screen and (min-width:540px) and (max-width:639px){body{font-size:32px}
}
@media screen and (min-width:480px) and (max-width:539px){body{font-size:28px}
}
@media screen and (min-width:320px) and (max-width:479px){body{font-size:20px}
}
.loading{height:12.5%;bottom:0;width:58%;left:22%;position:absolute;z-index:5;color:#b67f76;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;box-align:center;box-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center;letter-spacing:6px}
.SHADE{top:0;left:0;width:100%;height:100%;bottom:0;z-index:11}
.movegame{height:12.5%!important;bottom:0;width:25%;left:50%;font-size:20px;position:absolute;z-index:5;color:#b67f76;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;box-align:center;box-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center;letter-spacing:6px}
#welcome{background:url(../images/bj.png?2) no-repeat;overflow:auto;background-size:100% 100%}
.welcome-bg{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center}
.welcome-bg img{width:100%;margin-top:0}
#GameLayerBG{top:0;left:0;right:0;bottom:0;overflow:hidden;background:url(../images/background.png) no-repeat;background-size:auto 100%;background-position:50%}
.GameLayer{position:absolute;bottom:0;left:5%;height:100%;width:91%}
.block{position:absolute;background-repeat:no-repeat;background-position:center bottom;background-size:auto 90%;background-image:none}
.t0{background-image:url(../images/leftYa.png)}
.t1{background-image:url(../images/rightYa.png)}
.tt0{background-image:url(../images/bu.png);background-size:90% 100%}
.s0{background-image:url(../images/s1.png)}
.s1{background-image:url(../images/s4.png)}
.s2{background-image:url(../images/s3.png)}
.s3{background-image:url(../images/s2.png)}
@-ms-keyframes flash{0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes flash{0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
.flash{-webkit-animation:flash .2s 3;animation:flash .2s 3}
.bad{-webkit-animation:flash .2s 3;animation:flash .2s 3;background-image:url(../images/blood.png);background-size:100% auto}
*{-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;tap-highlight-color:transparent;-ms-user-select:none}
#GameScoreLayer{color:#fff;overflow-y:auto;background:url(../images/bj.png);text-align:-webkit-center;overflow-x:hidden}
#GameScoreLayer-btn{height:15%;width:100%;position:fixed;float:left;transition:height 1s;-webkit-transition:height 1s;bottom: 8%;}
.btn{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;box-align:center;box-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center;width:46%;height:100%;float:left;font-weight:400;cursor:pointer}
.btn:nth-child(2){float:right}
#landscape{display:none}
#gameBody{position:relative;width:100%;margin:0 auto;height:100%;background-color:#CB443E}
#share-wx{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}
#share-wx-img{width:100%}
#scoreTotal{max-width:640px;padding-left:4%;padding-right:4%;position:fixed;top:0;height:50px;width:100%;overflow:hidden;background:#EEDA01;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;box-shadow:0 6px 1px #EEDA01}
#titleBg{float:left;margin-right:5px;height:30px;z-index:3;margin-top:10px}
#GameTimeLayer,#number{line-height:50px;font-size:24px;color:#fff;height:100%}
#number{float:left;font-weight:500}
#GameTimeLayer{font-weight:700;position:absolute;width:1%;left:41%}
#photo{height:60%;float:right;border:none;display:block;padding-top:10px}
#GameScoreLayer-text{text-align:center;font-size:20px;font-weight:700;padding:6% 4% 3%;display:none;position:relative;float:left;width:92%;margin-top:15%}
#scoreLoading{height:232px;line-height:232px;text-align:center;font-size:28px;letter-spacing:6px;color:#b67f76}
#GameScoreLayer-text p{padding:0;margin:2px 0}
#GameScoreLayer-text .text0{font-size:20px;font-weight:500}
#GameScoreLayer-text .text1{position:relative;width:100%;font-size:25px;font-weight:500}
#GameScoreLayer-text .text2{font-weight:500;text-align:-webkit-right;margin-right:4%;font-size: 30px}
#scoreAll{font-size:30px;color:#FFF100}
.positonP{position:absolute;right:0;bottom:16px}
#timeOver{width:60%;position:absolute;height:17.5%;left:20%;top:16%;background:url(../images/time_over.png) no-repeat;background-size:100% 100%}
.stageShow{height:40px;z-index:999;position:absolute;width:100%;top:33%;background-position:45% -40px;animation-name:scoreShow;animation-duration:500ms;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:0s;animation-play-state:running;-webkit-animation-name:scoreShow;-webkit-animation-duration:500ms;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running}
.stageS1{background:url(../images/add100.png) no-repeat;background-size:auto 100%}
.stageS2{background:url(../images/add500.png) no-repeat;background-size:auto 100%}
.stageS3{background:url(../images/add5S.png) no-repeat;background-size:auto 100%}
.stageS4{background:url(../images/cut5S.png) no-repeat;background-size:auto 100%}
@keyframes scoreShow{from{background-position:45% 40px}
to{background-position:45% -40px}
}
@-webkit-keyframes scoreShow{from{background-position:45% 40px}
to{background-position:45% -40px}
}
#gameStart{position:fixed;width:100%;margin:0 auto;height:100%;background:url(../images/bj.png)}
.wordshow{width:40%;display:inline;color:#fff;font-size:14px;padding-left:7%;background:url(../images/ya.gif) no-repeat;background-size:auto 110%;opacity:.7}
.wordleft{padding-right:20%}
.prizesSoup{top:0;left:0;width:100%;height:100%;bottom:0;z-index:12;position:absolute;background-color:#EEDA01;text-align:-webkit-center;display:none}
.prizes-title{width:100%;height:50px;color:#000;line-height:50px;text-align:-webkit-center;font-size:25px;box-shadow:0 8px 1px #EEDA01}
.prizes-content{width:100%;height:68%;background:url(../images/bj.png) no-repeat;background-size:100% auto;background-position:50% 100%;background-color:#38363B;color:#fff;overflow:auto}
.prizes-content span{font-size:14px}
.prizes-content h3{font-size:16px;font-weight:500;margin-bottom:0;margin-top:2%}
.prizes-content h4{font-size:18px;font-weight:500;margin-bottom:0;margin-top:2%}
.prizes-content h1{font-size:14px;font-weight:500;margin:6% 1px 0}
.prizes-content h2{font-size:15px;font-weight:500;margin:2% 1px}
.prizes-content h5{font-size:16px;font-weight:400;margin:0 1px 10px}
.prizes-btn{height:15%;margin-top:5%;z-index:99999}
.btn-left{padding-right:10%}
.btn-right{padding-left:10%}
.grade-content{width:100%;height:66%;background:url(../images/bj.png);color:#fff}
.grade-title{width:100%;height:60px;line-height:60px;text-align:-webkit-center;font-size:25px;box-shadow:0 8px 1px #2E2A2E}
.top_list section{display:block;padding-bottom:70px}
.grade-content ul{margin:0 14px 4px;border-radius:7px;color:#fff;font-size:14px;text-align:center;padding:0;position:relative;padding-top:1%}
.grade-content li{list-style:none;height:25px;line-height:25px;position:relative}
li span{float:left;display:block}
.grade-content ul li span{float:left;display:block}
.grade-content ul li span:first-child{width:10%}
.grade-content ul li span:nth-child(2){width:25%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.grade-content ul li span:nth-child(3){width:25%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.grade-content ul li span:last-child{width:40%}
.grade-content ul li:after{position:absolute;content:"";bottom:-1px;left:0;right:0;background-color:#fff;height:1px;margin:0 13px;opacity:.5}

.grade-content2 ul{margin:0 14px 4px;border-radius:7px;color:#fff;font-size:14px;text-align:center;padding:0;position:relative;padding-top:1%}
.grade-content2 li{list-style:none;height:25px;line-height:25px;position:relative}
li span{float:left;display:block}
.grade-content2 ul li span{float:left;display:block}
.grade-content2 ul li span:first-child{width:33%}
.grade-content2 ul li span:nth-child(2){width:33%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.grade-content2 ul li span:last-child{width:34%}
.grade-content2 ul li:after{position:absolute;content:"";bottom:-1px;left:0;right:0;background-color:#fff;height:1px;margin:0 13px;opacity:.5}
.ranks_content{overflow:auto}
.kickShare{width:55%;position:relative;margin-right:20px;margin-top:21px;float:right;display:none}
.logoShow1{position:relative;float:left;width:100%;transition:margin-top 1s;-webkit-transition:margin-top 1s}
.logoShow12{position:relative;width:100%;font-size: 18px;}
.overBtn{height:100%}
.overBtn-left{padding-right:2%}
.overBtn-right{padding-left:2%}
.logoShow2{width:100%;position:relative;float:left;z-index:-1}
.logoShow4{width:80%;margin-top:-26%}
.logoShow3{width:70%;transition:margin-top 1s;-webkit-transition:margin-top 1s;position:relative;margin-top: 6%;}
.logoShow32{width:70%;margin-top:6%;position:relative;float:left;left:15%}
.amshow{animation-name:logoShow;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:1;animation-delay:0s;animation-play-state:running;-webkit-animation-name:logoShow;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:1;-webkit-animation-play-state:running;-webkit-animation-direction:both;}
@keyframes logoShow{0%{margin-left:100%}
25%{margin-left:60%}
50%{margin-left:10%}
70%{margin-left:-10%}
100%{margin-left:0}
}
@-webkit-keyframes logoShow{0%{margin-left:100%}
25%{margin-left:60%}
50%{margin-left:10%}
70%{margin-left:-20%}
100%{margin-left:0}
}
.input_key{width:220px;border:#8CD8A8 1px solid;font-size:16px;line-height:45px;height:45px;border-style:solid;position:relative;float:left;margin-left:4px;border-bottom-style:none;padding-left: 16px;}
.userInfo{width:230px;padding:4px 0 0;background:rgba(255,255,255,.8);float:none;text-align:center}
.logoShow1 span{font-size:smaller;opacity:.5}
.textArea{width:220px;margin-top:0;border:#8CD8A8 1px solid;padding:0;font-size:16px}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8CD8A8}
.canceBtn{width:114px;height:31px;line-height:30px;display:inline-block;color:#8CD8A8;font-size:16px;border:#8CD8A8 1px solid;border-left-style:none;border-bottom-style:none;text-align:-webkit-center}
.submitBtn{width:114px;height:31px;line-height:30px;display:inline-block;color:#8CD8A8;font-size:16px;border:#8CD8A8 1px solid;border-left-style:none;border-bottom-style:none;border-right-style:none;text-align:-webkit-center}
.loadingShow{width:30%;margin-top:20px;margin-left:35%}
.loadingShow2{width:80%;margin-top:20px;margin-left:10%}
.share-text{width:80%;margin-top:16%;margin-bottom:5%;display:none}
.logo{font-size:x-small;color:#fff;margin-top:1%;margin-bottom:2%;opacity:.5}
@media screen and (min-width:768px){body{font-size:36px}
#GameScoreLayer-text{font-size:30px;margin-top: 30%}
#GameScoreLayer-text .text0{font-size:20px}
#GameScoreLayer-text .text1{font-size:20px}
#GameScoreLayer-text .text2{font-weight:500;text-align:-webkit-right;margin-right:4%;font-size: 30px}
}
.vipjifen{width:18%;right:10px;position:fixed;bottom:20px}
.welcome-bg .vipjifen{width:18%;right:10px;position:fixed;bottom:20px}
.cover{background-color:rgba(0,0,0,.7);position:fixed;height:100%;width:100%}
.cover div{width:90%;text-align:center;padding-top:50%;margin-left:10%;color:#fff}
.cover h5{margin:0 1px 4%;font-size:20px;line-height:32px;font-weight:400}
.hide{display:none}
.message{width:80%;position:absolute;z-index:1000;left:10%;top:30%}
#ready-btn{width:36%;vertical-align: middle;}
.welcome-menu{margin-top: 20px;}
.welcome-menu img{width: 26%}
.s_grade{font-size: 16px;color: #FF4141;position: absolute;right: 10px;}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation: fadeOut linear 800ms infinite both;
	animation: fadeOut linear 800ms infinite both
}